<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2">
<meta name="theme-color" content="#222">
<meta name="generator" content="Hexo 4.2.0">
  <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon-next.png">
  <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32-next.png">
  <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16-next.png">
  <link rel="mask-icon" href="/images/logo.svg" color="#222">

<link rel="stylesheet" href="/css/main.css">

<link rel="stylesheet" href="https://fonts.loli.net/css?family=Noto Serif SC:300,300italic,400,400italic,700,700italic&display=swap&subset=latin,latin-ext">
<link rel="stylesheet" href="/lib/font-awesome/css/font-awesome.min.css">
  <link rel="stylesheet" href="//cdn.jsdelivr.net/gh/fancyapps/fancybox@3/dist/jquery.fancybox.min.css">


<script id="hexo-configurations">
  var NexT = window.NexT || {};
  var CONFIG = {
    hostname: new URL('http://www.不如狐说.com').hostname,
    root: '/',
    scheme: 'Gemini',
    version: '7.7.0',
    exturl: false,
    sidebar: {"position":"left","display":"post","padding":18,"offset":12,"onmobile":false},
    copycode: {"enable":true,"show_result":false,"style":"mac"},
    back2top: {"enable":true,"sidebar":false,"scrollpercent":false},
    bookmark: {"enable":true,"color":"#222","save":"auto"},
    fancybox: true,
    mediumzoom: false,
    lazyload: false,
    pangu: false,
    comments: {"style":"tabs","active":null,"storage":true,"lazyload":false,"nav":null},
    algolia: {
      appID: '',
      apiKey: '',
      indexName: '',
      hits: {"per_page":10},
      labels: {"input_placeholder":"Search for Posts","hits_empty":"We didn't find any results for the search: ${query}","hits_stats":"${hits} results found in ${time} ms"}
    },
    localsearch: {"enable":true,"trigger":"auto","top_n_per_article":1,"unescape":false,"preload":false},
    path: 'search.xml',
    motion: {"enable":true,"async":false,"transition":{"post_block":"fadeIn","post_header":"slideDownIn","post_body":"slideDownIn","coll_header":"slideLeftIn","sidebar":"slideUpIn"}}
  };
</script>

  <meta name="description" content="故事梗概这杜子春是南北朝时期，周朝至隋朝的人。他这个人呢，家里有点钱，整天无所事事，纵酒闲游，最后把家产都败光了。然后迫于生计，去投奔亲友，但亲友们都认为他是那种游手好闲之人，都不愿意收留他。这时的杜子春真的是到了人生谷底，饥寒交迫，孤苦无依。  说这时来了一个老人，拄着拐杖，来到杜子春面前，问他为何留宿街头，杜子春就把自己的经历告诉了他，埋怨亲友们对他无情无义，越说越激动，越说越愤慨。老人问他：">
<meta property="og:type" content="article">
<meta property="og:title" content="杜子春">
<meta property="og:url" content="http://www.不如狐说.com/archives/f2fd9a72.html">
<meta property="og:site_name" content="不如狐说">
<meta property="og:description" content="故事梗概这杜子春是南北朝时期，周朝至隋朝的人。他这个人呢，家里有点钱，整天无所事事，纵酒闲游，最后把家产都败光了。然后迫于生计，去投奔亲友，但亲友们都认为他是那种游手好闲之人，都不愿意收留他。这时的杜子春真的是到了人生谷底，饥寒交迫，孤苦无依。  说这时来了一个老人，拄着拐杖，来到杜子春面前，问他为何留宿街头，杜子春就把自己的经历告诉了他，埋怨亲友们对他无情无义，越说越激动，越说越愤慨。老人问他：">
<meta property="og:locale" content="zh_CN">
<meta property="article:published_time" content="2020-04-28T00:26:30.430Z">
<meta property="article:modified_time" content="2020-06-23T07:33:08.395Z">
<meta property="article:author" content="蒙牛麦片">
<meta property="article:tag" content="神话">
<meta name="twitter:card" content="summary">

<link rel="canonical" href="http://www.不如狐说.com/archives/f2fd9a72.html">


<script id="page-configurations">
  // https://hexo.io/docs/variables.html
  CONFIG.page = {
    sidebar: "",
    isHome: false,
    isPost: true
  };
</script>
<!-- jquery -->

<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>

  <title>杜子春 | 不如狐说</title>
  






  <noscript>
  <style>
  .use-motion .brand,
  .use-motion .menu-item,
  .sidebar-inner,
  .use-motion .post-block,
  .use-motion .pagination,
  .use-motion .comments,
  .use-motion .post-header,
  .use-motion .post-body,
  .use-motion .collection-header { opacity: initial; }

  .use-motion .site-title,
  .use-motion .site-subtitle {
    opacity: initial;
    top: initial;
  }

  .use-motion .logo-line-before i { left: initial; }
  .use-motion .logo-line-after i { right: initial; }
  </style>
</noscript>

</head>

<body itemscope itemtype="http://schema.org/WebPage">
  <div class="container use-motion">
    <div class="headband"></div>

    <header class="header" itemscope itemtype="http://schema.org/WPHeader">
      <div class="header-inner"><div class="site-brand-container">
  <div class="site-meta">

    <div>
      <a href="/" class="brand" rel="start">
        <span class="logo-line-before"><i></i></span>
        <span class="site-title">不如狐说</span>
        <span class="logo-line-after"><i></i></span>
      </a>
    </div>
        <p class="site-subtitle">大苏打</p>
  </div>

  <div class="site-nav-toggle">
    <div class="toggle" aria-label="切换导航栏">
      <span class="toggle-line toggle-line-first"></span>
      <span class="toggle-line toggle-line-middle"></span>
      <span class="toggle-line toggle-line-last"></span>
    </div>
  </div>
</div>


<nav class="site-nav">
  
  <ul id="menu" class="menu">
        <li class="menu-item menu-item-home">

    <a href="/" rel="section"><i class="fa fa-fw fa-home"></i>首页</a>

  </li>
        <li class="menu-item menu-item-about">

    <a href="/about/" rel="section"><i class="fa fa-fw fa-user"></i>关于</a>

  </li>
        <li class="menu-item menu-item-tags">

    <a href="/tags/" rel="section"><i class="fa fa-fw fa-tags"></i>标签<span class="badge">5</span></a>

  </li>
        <li class="menu-item menu-item-categories">

    <a href="/categories/" rel="section"><i class="fa fa-fw fa-th"></i>分类<span class="badge">9</span></a>

  </li>
        <li class="menu-item menu-item-archives">

    <a href="/archives/" rel="section"><i class="fa fa-fw fa-archive"></i>归档<span class="badge">26</span></a>

  </li>
        <li class="menu-item menu-item-schedule">

    <a href="/schedule/" rel="section"><i class="fa fa-fw fa-calendar"></i>日程表</a>

  </li>
        <li class="menu-item menu-item-sitemap">

    <a href="/sitemap.xml" rel="section"><i class="fa fa-fw fa-sitemap"></i>站点地图</a>

  </li>
        <li class="menu-item menu-item-commonweal">

    <a href="/404/" rel="section"><i class="fa fa-fw fa-heartbeat"></i>公益 404</a>

  </li>
      <li class="menu-item menu-item-search">
        <a role="button" class="popup-trigger"><i class="fa fa-search fa-fw"></i>搜索
        </a>
      </li>
  </ul>

</nav>
  <div class="site-search">
    <div class="popup search-popup">
    <div class="search-header">
  <span class="search-icon">
    <i class="fa fa-search"></i>
  </span>
  <div class="search-input-container">
    <input autocomplete="off" autocorrect="off" autocapitalize="none"
           placeholder="搜索..." spellcheck="false"
           type="text" id="search-input">
  </div>
  <span class="popup-btn-close">
    <i class="fa fa-times-circle"></i>
  </span>
</div>
<div id="search-result"></div>

</div>
<div class="search-pop-overlay"></div>

  </div>
</div>
    </header>

    
  <div class="back-to-top">
    <i class="fa fa-arrow-up"></i>
    <span>0%</span>
  </div>
  <a role="button" class="book-mark-link book-mark-link-fixed"></a>


    <main class="main">
      <div class="main-inner">
        <div class="content-wrap">
          

          <div class="content">
            

  <div class="posts-expand">
      
  
  
  <article itemscope itemtype="http://schema.org/Article" class="post-block " lang="zh-CN">
    <link itemprop="mainEntityOfPage" href="http://www.不如狐说.com/archives/f2fd9a72.html">

    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
      <meta itemprop="image" content="/images/avatar.jpg">
      <meta itemprop="name" content="蒙牛麦片">
      <meta itemprop="description" content="不知老之将至">
    </span>

    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
      <meta itemprop="name" content="不如狐说">
    </span>
      <header class="post-header">
        <h1 class="post-title" itemprop="name headline">
          杜子春
        </h1>

        <div class="post-meta">
            <span class="post-meta-item">
              <span class="post-meta-item-icon">
                <i class="fa fa-calendar-o"></i>
              </span>
              <span class="post-meta-item-text">发表于</span>

              <time title="创建时间：2020-04-28 00:26:30" itemprop="dateCreated datePublished" datetime="2020-04-28T00:26:30Z">2020-04-28</time>
            </span>
              <span class="post-meta-item">
                <span class="post-meta-item-icon">
                  <i class="fa fa-calendar-check-o"></i>
                </span>
                <span class="post-meta-item-text">更新于</span>
                <time title="修改时间：2020-06-23 07:33:08" itemprop="dateModified" datetime="2020-06-23T07:33:08Z">2020-06-23</time>
              </span>
            <span class="post-meta-item">
              <span class="post-meta-item-icon">
                <i class="fa fa-folder-o"></i>
              </span>
              <span class="post-meta-item-text">分类于</span>
                <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
                  <a href="/categories/%E5%A4%AA%E5%B9%B3%E5%B9%BF%E8%AE%B0/" itemprop="url" rel="index">
                    <span itemprop="name">太平广记</span>
                  </a>
                </span>
            </span>

          
            <span class="post-meta-item" title="阅读次数" id="busuanzi_container_page_pv" style="display: none;">
              <span class="post-meta-item-icon">
                <i class="fa fa-eye"></i>
              </span>
              <span class="post-meta-item-text">阅读次数：</span>
              <span id="busuanzi_value_page_pv"></span>
            </span><br>
            <span class="post-meta-item" title="本文字数">
              <span class="post-meta-item-icon">
                <i class="fa fa-file-word-o"></i>
              </span>
                <span class="post-meta-item-text">本文字数：</span>
              <span>3.1k</span>
            </span>
            <span class="post-meta-item" title="阅读时长">
              <span class="post-meta-item-icon">
                <i class="fa fa-clock-o"></i>
              </span>
                <span class="post-meta-item-text">阅读时长 &asymp;</span>
              <span>3 分钟</span>
            </span>

        </div>
      </header>

    
    
    
    <div class="post-body" itemprop="articleBody">

      
        <h2 id="故事梗概"><a href="#故事梗概" class="headerlink" title="故事梗概"></a>故事梗概</h2><p>这杜子春是南北朝时期，周朝至隋朝的人。他这个人呢，家里有点钱，整天无所事事，纵酒闲游，最后把家产都败光了。然后迫于生计，去投奔亲友，但亲友们都认为他是那种游手好闲之人，都不愿意收留他。这时的杜子春真的是到了人生谷底，饥寒交迫，孤苦无依。 </p>
<p>说这时来了一个老人，拄着拐杖，来到杜子春面前，问他为何留宿街头，杜子春就把自己的经历告诉了他，埋怨亲友们对他无情无义，越说越激动，越说越愤慨。老人问他：几缗则丰用？杜子春答道，三五万则可以活矣。老人又说：未也？认为杜子春要的太少，不够，经过一番言价，最后杜子春答定：三百万足以。于是这老人就给了杜子春三百万。杜子春拿到了这么多钱，又开始了他的醉生梦死的生活，只用了一两年，钱财挥霍尽空。又如上次那般，穷途末路，在街头长叹起来，感慨人生。 </p>
<a id="more"></a>

<p>这时那个老人又出现了，说还要帮助他，这时的杜子春就有些羞愧难当了，不好意思开口。老人再三逼问，杜子春就惭愧的赔礼道歉。老人最后给了他一千万，叫他这次奋发向上，置办家业，把古时候的大富翁石崇，猗顿给比下去。</p>
<p>可，这钱一到手，杜子春的心境就变了，又开始了他的挥霍无度的生活，又过了一两年，两手空空，比上次还惨。这人呢，在长安街头徘徊，又碰到了给他钱的老头，这次给了他三千万。并言道：此而不痊，则子贫在膏育矣。</p>
<p>杜子春这次聪明了，开始思考了，如何处置这些钱财？他定了一个小目标，今后不但自立，而且要周济天下孤儿寡母，取得一番成就。并与老人做了约定，待目标完成，老庙前，树下相约。于是乎来到了扬州。那时候孤儿寡母大多在淮南。他建造了许多房子，给孤儿寡母们居住。完成了小目标后，如期赴约。</p>
<p>老人见到杜子春后，就领他登上华山云台峰。进山四十多里后，来到一个地方，见到一幢高大严整的房舍，看样子非凡人所住。彩云遥覆，惊鹤飞翔其上。屋子的正堂中间，有一个九尺多高的炼丹炉子，炉内紫光闪耀。玉女九人，环炉而立，青龙白虎，分据前后。</p>
<p>这时天快黑了，再看那老人，身上穿的已不是凡间的衣服，而是穿着黄道袍，戴着黄道冠，一副仙师模样。仙师拿了三个白石丸和一杯酒给了杜子春，让他赶快吃下去。仙师又拿了一张虎皮，铺在内屋西墙下，面朝东坐下，告诫杜子春：“你千万不要出声。这里出现的尊神、恶鬼、夜叉或者地狱、猛兽；以及你的亲属们被绑着受刑遭罪，这一切都不是真事。你不论看见什么惨状，都不要说话，安心别害怕，那就绝不会对你有什么伤害，千万牢记我的叮嘱”。</p>
<p>仙师去后，杜子春向院里看，院里有一个装满了水的大瓮，此外什么也没有了。道士刚走，杜子春就听见外面，人喊马叫，震天动地，只见满山满谷都是士兵，旌旗飘飘，戈矛闪闪，千乘万骑蜂拥而来。有一个人自称大将军，身高一丈多，他本人和他的马 都披着金铠甲，光芒耀眼。大将军的卫士就有几百人，都举着剑张着弓，一直来到屋前，大声呵斥杜子春说：”你是什么人？ 大将军到了怎么竟不回避！“有些卫士还用剑逼着杜子春问他的姓名，还问他在做什么，他都一声也不吭。见他不出声，卫士们大怒，一声声喊叫着”杀了他！“”射死他！“杜子春仍是不出声，那个大将军只好怒气冲冲地带着队伍走了。</p>
<p>过了片刻，又来了一群的猛虎毒龙、狮子，蝮蛇和毒蝎，争先恐后地扑向杜子春要撕碎他、吞食他，有的还在他头顶跳来跳去张牙舞爪，杜子春仍是不动声色，过了一会儿，这些毒蛇猛兽也都散去了。</p>
<p>这时突然大雨滂沱、雷电交加，天昏地暗、伸手不见五指，不一会儿又有大火轮燃烧着在他左右滚动，光芒在身前身后闪耀，亮得眼都睁不开。片刻之间，院子里水深一丈多，空中雷声隆隆电光闪闪，像要让山峰崩塌，河水倒流，势不可挡。一眨眼的工夫滚滚的浪涛涌到杜子春的坐位前，他仍是端端正正坐着连眼皮也不眨一 下。接着那位大将军又来了，领着一群地狱中的牛头马面和狰狞的厉鬼，将一口装满滚开的水的大锅放在杜子春面前，鬼怪们 手执长矛和两股铁叉，命令道：”说出你的姓名，就放了你，如果不说，就把你放在锅煮！“杜子春仍不说话。</p>
<p>这时鬼怪们又把他的妻子抓来绑在台阶下，指着他妻子向杜子春说：”说出你的姓名，就放了她。“杜子春还是不做声。于是鬼怪们鞭打他的妻子，用刀砍她，用箭射她，一会儿烧，一会儿煮，百般折磨惨不忍睹。他妻子苦不堪忍，就向杜子春哭号道：”我虽然又丑又笨，配不上你，但我毕竟给你作了十几年妻子了。现在我被鬼抓来这样折磨，我实在受不了啦！我不敢指望你向他们跪伏求情，只希望你说一句话，我就能活命了。人非无情，丈夫你就忍心不出声，让我继续受折磨吗？“他妻子边哭边喊，又咒又骂，杜子春始终不理不睬。那位大将军也说：”你不说话，我还有更毒辣的手段对付你老婆！“说着命令抬来了锉碓，从脚上开始一寸寸地锉他的妻子。妻子哭声越来越高，杜子春还是连看也不看。</p>
<p>大将军说：”这个家伙有妖术，不能留他在世上！“于是命令左右，把杜子春斩了，然后带着他的魂魄去见阎王。阎王一见杜子春就说：”这不是云台峰的那个妖民吗？给我把他打入地狱里去！“于是杜子春受尽了上刀山下火海，所有的地狱酷刑。然而他心里仍牢记着那位仙师的叮嘱，咬着牙都挺过来了，连叫都不叫一声。后来，地狱的鬼卒向阎王报告，说所有的刑罚都给杜子春用完了。阎王说：”这个家伙阴险毒恶，不该让他当男人，下辈子让他做女人！“</p>
<p>于是让杜子春投胎转世到了宋州单父县的县丞王劝家。杜子春转世为女子，一生下来就体弱多病，扎针吃药一天没断过，还掉进火里摔到床下，受了无数的苦，但杜子春始终不出声。转眼间杜子春长成了一个容貌绝代的女子，但就是不说话，县丞王劝的全家认为她是个哑女。有些人对她百般侮辱调戏，杜子春总是一声不吭。</p>
<p>县丞的同乡有个考中了进士的人叫卢生，听说县丞的女儿容貌很美，就很倾慕，就求媒人去县丞家提媒。县丞家借口是哑女，把媒人推辞了。卢生说：”妻子只要贤惠就好，不会说话 有什么关系呢？正好给那些长舌妇作个榜样。“县丞就答应了婚事。卢生按照规矩施行了六礼，和杜子春办了婚事。两个人过了几年，感情非常好，生了一个男孩，男孩已经两岁了，十分聪明。卢生抱着孩子和她说话，她不吭声，想尽办法逗她也不说话。卢生大怒说：”古时贾大夫的妻子瞧不起他，始终不笑，但后来妻子看见贾大夫射了山鸡，也就对他无憾了。我虽然地位不如贾大夫，但我的才学比会射山鸡不强百倍吗？可是你却不屑于跟我说话！大丈夫被妻子瞧不起，还要她的儿子做什么！“说着就抓起男孩的两腿扔了出去，孩子的头摔在石头上，顿时脑浆迸裂，鲜血溅出好几步远。</p>
<p>杜子春爱子心切，一时间忘了仙师的嘱咐，不觉失声喊道：”咦！……“声还没落，发现他自己又坐在云台峰的那间道观中，他的仙师也在面前。这时是黎明时分，突然紫火窜上了屋梁，转眼间烈火熊熊，把屋子烧毁了。仙师说：”你这个穷酸小子，可把我坑苦了！“说就提着杜子春的头发扔进水瓮里，火立刻就灭了。仙师说：”在你的心里，喜、怒、哀、惧、恶、欲都忘掉了，只有爱你还没忘记。卢生摔你孩子时，你若不出声，我的仙丹就能炼成，你也就能成为上仙了。可叹啊，仙才真是太难得了！我的仙丹可以再炼，但你却还得回到人间去，以后继续勤奋地修道吧！“说完给他向远方指了路，让他回去。临走时，他登上烧毁的房基，看见那炼丹炉已坏了，当中有个铁柱子，有手臂那么粗，好几尺长，那仙师正脱了衣服，用刀子削那铁柱 子。杜子春回到家后，非常悔恨他，当初忘了对仙师发的誓，想回去找到仙师为他效力，以补偿自己的过失。他再来到云台峰什么也没找到，只好怀着惋惜悔恨的心情回去了。</p>
<h2 id="总结"><a href="#总结" class="headerlink" title="总结"></a>总结</h2><ol>
<li>浪子回头，真的需要钱。</li>
<li>人世间最真挚的感情，应该是母子之情，那什么爱情，父子之情都要靠后站一站。</li>
<li>完成一件事，难在坚持。</li>
</ol>

    </div>

    
    
    
      
  <div class="popular-posts-header">推荐文章</div>
  <ul class="popular-posts">
    <li class="popular-posts-item">
      <div class="popular-posts-title"><a href="\archives\fba0d57a.html" rel="bookmark">裴谌、王敬伯</a></div>
    </li>
  </ul>


      <footer class="post-footer">
          <div class="post-tags">
              <a href="/tags/%E7%A5%9E%E8%AF%9D/" rel="tag"># 神话</a>
          </div>

        
  <div class="post-widgets">
    <div class="wp_rating">
      <div id="wpac-rating"></div>
    </div>
  </div>


        
    <div class="post-nav">
      <div class="post-nav-item">
    <a href="/archives/e0c67a5d.html" rel="prev" title="今日🤦‍">
      <i class="fa fa-chevron-left"></i> 今日🤦‍
    </a></div>
      <div class="post-nav-item">
    <a href="/archives/fab451a5.html" rel="next" title="堆">
      堆 <i class="fa fa-chevron-right"></i>
    </a></div>
    </div>
      </footer>
    
  </article>
  
  
  

  </div>


          </div>
          

<script>
  window.addEventListener('tabs:register', () => {
    let activeClass = CONFIG.comments.activeClass;
    if (CONFIG.comments.storage) {
      activeClass = localStorage.getItem('comments_active') || activeClass;
    }
    if (activeClass) {
      let activeTab = document.querySelector(`a[href="#comment-${activeClass}"]`);
      if (activeTab) {
        activeTab.click();
      }
    }
  });
  if (CONFIG.comments.storage) {
    window.addEventListener('tabs:click', event => {
      if (!event.target.matches('.tabs-comment .tab-content .tab-pane')) return;
      let commentClass = event.target.classList[1];
      localStorage.setItem('comments_active', commentClass);
    });
  }
</script>

        </div>
          
  
  <div class="toggle sidebar-toggle">
    <span class="toggle-line toggle-line-first"></span>
    <span class="toggle-line toggle-line-middle"></span>
    <span class="toggle-line toggle-line-last"></span>
  </div>

  <aside class="sidebar">
    <div class="sidebar-inner">

      <ul class="sidebar-nav motion-element">
        <li class="sidebar-nav-toc">
          文章目录
        </li>
        <li class="sidebar-nav-overview">
          站点概览
        </li>
      </ul>

      <!--noindex-->
      <div class="post-toc-wrap sidebar-panel">
          <div class="post-toc motion-element"><ol class="nav"><li class="nav-item nav-level-2"><a class="nav-link" href="#故事梗概"><span class="nav-number">1.</span> <span class="nav-text">故事梗概</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#总结"><span class="nav-number">2.</span> <span class="nav-text">总结</span></a></li></ol></div>
      </div>
      <!--/noindex-->

      <div class="site-overview-wrap sidebar-panel">
        <div class="site-author motion-element" itemprop="author" itemscope itemtype="http://schema.org/Person">
    <img class="site-author-image" itemprop="image" alt="蒙牛麦片"
      src="/images/avatar.jpg">
  <p class="site-author-name" itemprop="name">蒙牛麦片</p>
  <div class="site-description" itemprop="description">不知老之将至</div>
</div>
<div class="site-state-wrap motion-element">
  <nav class="site-state">
      <div class="site-state-item site-state-posts">
          <a href="/archives/">
        
          <span class="site-state-item-count">26</span>
          <span class="site-state-item-name">日志</span>
        </a>
      </div>
      <div class="site-state-item site-state-categories">
            <a href="/categories/">
          
        <span class="site-state-item-count">9</span>
        <span class="site-state-item-name">分类</span></a>
      </div>
      <div class="site-state-item site-state-tags">
            <a href="/tags/">
          
        <span class="site-state-item-count">5</span>
        <span class="site-state-item-name">标签</span></a>
      </div>
  </nav>
</div>
  <div class="links-of-author motion-element">
      <span class="links-of-author-item">
        <a href="/781851839@qq.com.com" title="E-Mail → 781851839@qq.com.com"><i class="fa fa-fw fa-envelope"></i>E-Mail</a>
      </span>
  </div>




<div style="">
  <canvas id="canvas" style="width:60%;">当前浏览器不支持canvas，请更换浏览器后再试</canvas>
</div>
<script>
(function(){

   var digit=
    [
        [
            [0,0,1,1,1,0,0],
            [0,1,1,0,1,1,0],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [0,1,1,0,1,1,0],
            [0,0,1,1,1,0,0]
        ],//0
        [
            [0,0,0,1,1,0,0],
            [0,1,1,1,1,0,0],
            [0,0,0,1,1,0,0],
            [0,0,0,1,1,0,0],
            [0,0,0,1,1,0,0],
            [0,0,0,1,1,0,0],
            [0,0,0,1,1,0,0],
            [0,0,0,1,1,0,0],
            [0,0,0,1,1,0,0],
            [1,1,1,1,1,1,1]
        ],//1
        [
            [0,1,1,1,1,1,0],
            [1,1,0,0,0,1,1],
            [0,0,0,0,0,1,1],
            [0,0,0,0,1,1,0],
            [0,0,0,1,1,0,0],
            [0,0,1,1,0,0,0],
            [0,1,1,0,0,0,0],
            [1,1,0,0,0,0,0],
            [1,1,0,0,0,1,1],
            [1,1,1,1,1,1,1]
        ],//2
        [
            [1,1,1,1,1,1,1],
            [0,0,0,0,0,1,1],
            [0,0,0,0,1,1,0],
            [0,0,0,1,1,0,0],
            [0,0,1,1,1,0,0],
            [0,0,0,0,1,1,0],
            [0,0,0,0,0,1,1],
            [0,0,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [0,1,1,1,1,1,0]
        ],//3
        [
            [0,0,0,0,1,1,0],
            [0,0,0,1,1,1,0],
            [0,0,1,1,1,1,0],
            [0,1,1,0,1,1,0],
            [1,1,0,0,1,1,0],
            [1,1,1,1,1,1,1],
            [0,0,0,0,1,1,0],
            [0,0,0,0,1,1,0],
            [0,0,0,0,1,1,0],
            [0,0,0,1,1,1,1]
        ],//4
        [
            [1,1,1,1,1,1,1],
            [1,1,0,0,0,0,0],
            [1,1,0,0,0,0,0],
            [1,1,1,1,1,1,0],
            [0,0,0,0,0,1,1],
            [0,0,0,0,0,1,1],
            [0,0,0,0,0,1,1],
            [0,0,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [0,1,1,1,1,1,0]
        ],//5
        [
            [0,0,0,0,1,1,0],
            [0,0,1,1,0,0,0],
            [0,1,1,0,0,0,0],
            [1,1,0,0,0,0,0],
            [1,1,0,1,1,1,0],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [0,1,1,1,1,1,0]
        ],//6
        [
            [1,1,1,1,1,1,1],
            [1,1,0,0,0,1,1],
            [0,0,0,0,1,1,0],
            [0,0,0,0,1,1,0],
            [0,0,0,1,1,0,0],
            [0,0,0,1,1,0,0],
            [0,0,1,1,0,0,0],
            [0,0,1,1,0,0,0],
            [0,0,1,1,0,0,0],
            [0,0,1,1,0,0,0]
        ],//7
        [
            [0,1,1,1,1,1,0],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [0,1,1,1,1,1,0],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [0,1,1,1,1,1,0]
        ],//8
        [
            [0,1,1,1,1,1,0],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [1,1,0,0,0,1,1],
            [0,1,1,1,0,1,1],
            [0,0,0,0,0,1,1],
            [0,0,0,0,0,1,1],
            [0,0,0,0,1,1,0],
            [0,0,0,1,1,0,0],
            [0,1,1,0,0,0,0]
        ],//9
        [
            [0,0,0,0,0,0,0],
            [0,0,1,1,1,0,0],
            [0,0,1,1,1,0,0],
            [0,0,1,1,1,0,0],
            [0,0,0,0,0,0,0],
            [0,0,0,0,0,0,0],
            [0,0,1,1,1,0,0],
            [0,0,1,1,1,0,0],
            [0,0,1,1,1,0,0],
            [0,0,0,0,0,0,0]
        ]//:
    ];

var canvas = document.getElementById('canvas');

if(canvas.getContext){
    var cxt = canvas.getContext('2d');
    //声明canvas的宽高
    var H = 100,W = 700;
    canvas.height = H;
    canvas.width = W;
    cxt.fillStyle = '#f00';
    cxt.fillRect(10,10,50,50);

    //存储时间数据
    var data = [];
    //存储运动的小球
    var balls = [];
    //设置粒子半径
    var R = canvas.height/20-1;
    (function(){
        var temp = /(\d)(\d):(\d)(\d):(\d)(\d)/.exec(new Date());
        //存储时间数字，由十位小时、个位小时、冒号、十位分钟、个位分钟、冒号、十位秒钟、个位秒钟这7个数字组成
        data.push(temp[1],temp[2],10,temp[3],temp[4],10,temp[5],temp[6]);
    })();

    /*生成点阵数字*/
    function renderDigit(index,num){
        for(var i = 0; i < digit[num].length; i++){
            for(var j = 0; j < digit[num][i].length; j++){
                if(digit[num][i][j] == 1){
                    cxt.beginPath();
                    cxt.arc(14*(R+2)*index + j*2*(R+1)+(R+1),i*2*(R+1)+(R+1),R,0,2*Math.PI);
                    cxt.closePath();
                    cxt.fill();
                }
            }
        }
    }

    /*更新时钟*/
    function updateDigitTime(){
        var changeNumArray = [];
        var temp = /(\d)(\d):(\d)(\d):(\d)(\d)/.exec(new Date());
        var NewData = [];
        NewData.push(temp[1],temp[2],10,temp[3],temp[4],10,temp[5],temp[6]);
        for(var i = data.length-1; i >=0 ; i--){
            //时间发生变化
            if(NewData[i] !== data[i]){
                //将变化的数字值和在data数组中的索引存储在changeNumArray数组中
                changeNumArray.push(i+'_'+(Number(data[i])+1)%10);
            }
        }
        //增加小球
        for(var i = 0; i< changeNumArray.length; i++){
            addBalls.apply(this,changeNumArray[i].split('_'));
        }
        data = NewData.concat();
    }

    /*更新小球状态*/
    function updateBalls(){
        for(var i = 0; i < balls.length; i++){
            balls[i].stepY += balls[i].disY;
            balls[i].x += balls[i].stepX;
            balls[i].y += balls[i].stepY;
            if(balls[i].x > W + R || balls[i].y > H + R){
                balls.splice(i,1);
                i--;
            }
        }
    }

    /*增加要运动的小球*/
    function addBalls(index,num){
        var numArray = [1,2,3];
        var colorArray =  ["#3BE","#09C","#A6C","#93C","#9C0","#690","#FB3","#F80","#F44","#C00"];
        for(var i = 0; i < digit[num].length; i++){
            for(var j = 0; j < digit[num][i].length; j++){
                if(digit[num][i][j] == 1){
                    var ball = {
                        x:14*(R+2)*index + j*2*(R+1)+(R+1),
                        y:i*2*(R+1)+(R+1),
                        stepX:Math.floor(Math.random() * 4 -2),
                        stepY:-2*numArray[Math.floor(Math.random()*numArray.length)],
                        color:colorArray[Math.floor(Math.random()*colorArray.length)],
                        disY:1
                    };
                    balls.push(ball);
                }
            }
        }
    }

    /*渲染*/
    function render(){
        //重置画布宽度，达到清空画布的效果
        canvas.height = 100;
        //渲染时钟
        for(var i = 0; i < data.length; i++){
            renderDigit(i,data[i]);
        }
        //渲染小球
        for(var i = 0; i < balls.length; i++){
            cxt.beginPath();
            cxt.arc(balls[i].x,balls[i].y,R,0,2*Math.PI);
            cxt.fillStyle = balls[i].color;
            cxt.closePath();
            cxt.fill();
        }
    }

    clearInterval(oTimer);
    var oTimer = setInterval(function(){
        //更新时钟
        updateDigitTime();
        //更新小球状态
        updateBalls();
        //渲染
        render();
    },50);
}

})();
</script>





      </div>

    </div>
  </aside>
  <div id="sidebar-dimmer"></div>


      </div>
    </main>

    <footer class="footer">
      <div class="footer-inner">
        

<div class="copyright">
  
  &copy; 2019 – 
  <span itemprop="copyrightYear">2020</span>
  <span class="with-love">
    <i class="fa fa-user"></i>
  </span>
  <span class="author" itemprop="copyrightHolder">蒙牛麦片</span>
    <span class="post-meta-divider">|</span>
    <span class="post-meta-item-icon">
      <i class="fa fa-area-chart"></i>
    </span>
    <span title="站点总字数">72k</span>
    <span class="post-meta-divider">|</span>
    <span class="post-meta-item-icon">
      <i class="fa fa-coffee"></i>
    </span>
    <span title="站点阅读时长">1:06</span>
</div>
  <div class="theme-info">主题 – <a href="https://theme-next.org/" class="theme-link" rel="noopener" target="_blank">NexT.Gemini</a> v7.7.0
  </div>

        
<div class="busuanzi-count">
  <script pjax async src="https://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
    <span class="post-meta-item" id="busuanzi_container_site_uv" style="display: none;">
      <span class="post-meta-item-icon">
        <i class="fa fa-user"></i>
      </span>
      <span class="site-uv" title="总访客量">
        <span id="busuanzi_value_site_uv"></span>
      </span>
    </span>
    <span class="post-meta-divider">|</span>
    <span class="post-meta-item" id="busuanzi_container_site_pv" style="display: none;">
      <span class="post-meta-item-icon">
        <i class="fa fa-eye"></i>
      </span>
      <span class="site-pv" title="总访问量">
        <span id="busuanzi_value_site_pv"></span>
      </span>
    </span>
</div>








      </div>
    </footer>
  </div>

  
  <script src="/lib/anime.min.js"></script>
  <script src="//cdn.jsdelivr.net/gh/theme-next/theme-next-pjax@0/pjax.min.js"></script>
  <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
  <script src="//cdn.jsdelivr.net/gh/fancyapps/fancybox@3/dist/jquery.fancybox.min.js"></script>
  <script src="/lib/velocity/velocity.min.js"></script>
  <script src="/lib/velocity/velocity.ui.min.js"></script>

<script src="/js/utils.js"></script>

<script src="/js/motion.js"></script>


<script src="/js/schemes/pisces.js"></script>


<script src="/js/next-boot.js"></script>

<script src="/js/bookmark.js"></script>

  <script>
var pjax = new Pjax({
  selectors: [
    'head title',
    '#page-configurations',
    '.content-wrap',
    '.post-toc-wrap',
    '#pjax'
  ],
  switches: {
    '.post-toc-wrap': Pjax.switches.innerHTML
  },
  analytics: false,
  cacheBust: false,
  scrollTo : !CONFIG.bookmark.enable
});

window.addEventListener('pjax:success', () => {
  document.querySelectorAll('script[pjax], script#page-configurations, #pjax script').forEach(element => {
    var code = element.text || element.textContent || element.innerHTML || '';
    var parent = element.parentNode;
    parent.removeChild(element);
    var script = document.createElement('script');
    if (element.id) {
      script.id = element.id;
    }
    if (element.className) {
      script.className = element.className;
    }
    if (element.type) {
      script.type = element.type;
    }
    if (element.src) {
      script.src = element.src;
      // Force synchronous loading of peripheral JS.
      script.async = false;
    }
    if (element.getAttribute('pjax') !== null) {
      element.setAttribute('pjax', '');
    }
    if (code !== '') {
      script.appendChild(document.createTextNode(code));
    }
    parent.appendChild(script);
  });
  NexT.boot.refresh();
  // Define Motion Sequence & Bootstrap Motion.
  if (CONFIG.motion.enable) {
    NexT.motion.integrator
      .init()
      .add(NexT.motion.middleWares.postList)
      .bootstrap();
  }
  NexT.utils.updateSidebarPosition();
});
</script>




  



  <script pjax>
  if (CONFIG.page.isPost) {
    wpac_init = window.wpac_init || [];
    wpac_init.push({
      widget: 'Rating',
      id: ,
      el: 'wpac-rating',
      color: 'fc6423'
    });
    (function() {
      if ('WIDGETPACK_LOADED' in window) return;
      WIDGETPACK_LOADED = true;
      var mc = document.createElement('script');
      mc.type = 'text/javascript';
      mc.async = true;
      mc.src = '//embed.widgetpack.com/widget.js';
      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(mc, s.nextSibling);
    })();
  }
  </script>

  
<script src="/js/local-search.js"></script>













    <div id="pjax">
  

  
      
<script type="text/x-mathjax-config">
    MathJax.Ajax.config.path['mhchem'] = '//cdnjs.cloudflare.com/ajax/libs/mathjax-mhchem/3.3.0';

  MathJax.Hub.Config({
    tex2jax: {
      inlineMath: [ ['$', '$'], ['\\(', '\\)'] ],
      processEscapes: true,
      skipTags: ['script', 'noscript', 'style', 'textarea', 'pre', 'code']
    },
    TeX: {
        extensions: ['[mhchem]/mhchem.js'],
      equationNumbers: {
        autoNumber: 'AMS'
      }
    }
  });

  MathJax.Hub.Register.StartupHook('TeX Jax Ready', function() {
    MathJax.InputJax.TeX.prefilterHooks.Add(function(data) {
      if (data.display) {
        var next = data.script.nextSibling;
        while (next && next.nodeName.toLowerCase() === '#text') {
          next = next.nextSibling;
        }
        if (next && next.nodeName.toLowerCase() === 'br') {
          next.parentNode.removeChild(next);
        }
      }
    });
  });

  MathJax.Hub.Queue(function() {
    var all = MathJax.Hub.getAllJax(), i;
    for (i = 0; i < all.length; i += 1) {
      element = document.getElementById(all[i].inputID + '-Frame').parentNode;
      if (element.nodeName.toLowerCase() == 'li') {
        element = element.parentNode;
      }
      element.classList.add('has-jax');
    }
  });
</script>
<script>
  NexT.utils.getScript('//cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML', () => {
    MathJax.Hub.Typeset();
  }, window.MathJax);
</script>

    

  


  <script async src="/js/cursor/fireworks.js"></script>




  <script src="/js/activate-power-mode.min.js"></script>
  <script>
    POWERMODE.colorful = true;
    POWERMODE.shake = false;
    document.body.addEventListener('input', POWERMODE);
  </script>

    </div>
</body>
</html>
